@charset "UTF-8";
// Author: 张卫明  Description: 面包屑
@import "../base/_common";

.crumbs-nav{
	margin: 25px auto 10px auto;
	height:18px;
	line-height:18px;
	a, i.crumbs-arrow, span.crumbs-arrow{
		float:left;
		height:18px;
		overflow:hidden;
	}
	a{
		line-height:17px;
		*line-height:19px;
	}
	i.crumbs-arrow, span.crumbs-arrow{
		padding:0px 5px;
		line-height:19px;
	}
	i.crumbs-arrow,  span.crumbs-arrow, .clear-close{
		font-family: simsun;
		font-style: normal;
	}
}
.crumbs-select{
	width:267px;
	height:20px;
	line-height:20px;
	padding: 0 30px 0 6px;
	text-align:left;
	border:1px solid $color-border-1;
	float:left;
	position:relative;
	margin-top:-2px;
	z-index:2;
	.spu-title{
		display:block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.icon-arrow-up, .icon-arrow-down{
		width:13px;
		height:7px;
		display:block;
		position:absolute;
		top:7px;
		right:10px;
	}
	.icon-arrow-up{
		@include iconItemNoSize($icons,"icon-arrow-up",publicMaps);
	}
	.icon-arrow-down{
		@include iconItemNoSize($icons,"icon-arrow-down",publicMaps);
	}
	.crumbs-options{
		position:absolute;
		top:20px;
		left:-1px;
		background-color: #fff;
		border:1px solid $color-border-1;
		display:none;
		max-height: 300px;
    	overflow-y: auto;
		.price-color{
			color:$color-txt-7;
		}
		.item-price-stages{
			color:$color-txt-4;
		}
		a{
			float: none;
		}
		a:hover{
			text-decoration: none;
		}
		li.option-item{
			min-width: 273px;
			padding:10px 24px 12px 5px;
			border-bottom:1px solid $color-border-5;
			margin-bottom:-1px;
		}
		li.option-item:hover{
			background-color:$color-bg-8;
		}
		h4.item-title{
			font-size:12px;
			font-weight: normal;
			color:#000;
			line-height:100%;
			white-space: nowrap;
			margin-bottom:10px;
		}
		span.now-price{
			font-size:12px;
		}
		span.old-price{
			font-size:12px;
			color:$color-txt-4;
			text-decoration:line-through;
		}
	}
}
.crumbs-select:hover{
	cursor: pointer;
}
a.clear-search{

	display:inline-block;
	color:$color-txt-2;
	border:1px solid $color-border-1;
	position:relative;
	padding:0px 20px 0px 5px;
	height:16px;
	line-height:16px;
	*line-height:17px;
	margin-right:5px;

	.clear-close{
		display:inline-block;
		width:10px;
		height:10px;
		position:absolute;
		line-height:10px;
		font-size:12px;
		right:5px;
		top:4px;
	}

	&:hover{
		color:$color-blue-3;
		text-decoration:none;
		border:1px solid $color-blue-3;
	}

}

a.clear-all{
	color:$color-gray-3;
	margin-left:30px;
	font-size:12px;
}